<template>
  <el-tabs v-model="activeName">
    <el-tab-pane label="触发记录" name="1" v-has-permi="['risk:control:riskRecord']">
      <risk-data v-if="activeName == '1'"/>
    </el-tab-pane>
    <el-tab-pane label="风控设置" name="2" v-has-permi="['risk:control:riskList']">
      <set-config v-if="activeName == '2'"/>
    </el-tab-pane>
  </el-tabs>
</template>

<script>
import riskData from "./riskData.vue";
import setConfig from './setConfig.vue'

export default {
  components: { riskData, setConfig },
  name: 'beath',
  data() { return { activeName: '1' } },
  mounted() {
    if(this.$route.query.activeName) this.activeName = this.$route.query.activeName
  }
}
</script>


<style lang="scss" scoped>
::v-deep{
  .el-tabs__header{
    margin: 0;
    background: #fff;
  }
}
</style>
